/*
* @author David Alexa <alexa.david@me.com>
*
* Copyright (C) 2012-2015 CESNET
*
* LICENSE TERMS
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
*    notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
*    notice, this list of conditions and the following disclaimer in
*    the documentation and/or other materials provided with the
*    distribution.
* 3. Neither the name of the Company nor the names of its contributors
*    may be used to endorse or promote products derived from this
*    software without specific prior written permission.
*
* ALTERNATIVELY, provided that this notice is retained in full, this
* product may be distributed under the terms of the GNU General Public
* License (GPL) version 2 or later, in which case the provisions
* of the GPL apply INSTEAD OF those given above.
*
* This software is provided ``as is'', and any express or implied
* warranties, including, but not limited to, the implied warranties of
* merchantability and fitness for a particular purpose are disclaimed.
* In no event shall the company or contributors be liable for any
* direct, indirect, incidental, special, exemplary, or consequential
* damages (including, but not limited to, procurement of substitute
* goods or services; loss of use, data, or profits; or business
* interruption) however caused and on any theory of liability, whether
* in contract, strict liability, or tort (including negligence or
* otherwise) arising in any way out of the use of this software, even
* if advised of the possibility of such damage.
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
* @author David Alexa <alexa.david@me.com>
*
* Copyright (C) 2012-2015 CESNET
*
* LICENSE TERMS
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
*    notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
*    notice, this list of conditions and the following disclaimer in
*    the documentation and/or other materials provided with the
*    distribution.
* 3. Neither the name of the Company nor the names of its contributors
*    may be used to endorse or promote products derived from this
*    software without specific prior written permission.
*
* ALTERNATIVELY, provided that this notice is retained in full, this
* product may be distributed under the terms of the GNU General Public
* License (GPL) version 2 or later, in which case the provisions
* of the GPL apply INSTEAD OF those given above.
*
* This software is provided ``as is'', and any express or implied
* warranties, including, but not limited to, the implied warranties of
* merchantability and fitness for a particular purpose are disclaimed.
* In no event shall the company or contributors be liable for any
* direct, indirect, incidental, special, exemplary, or consequential
* damages (including, but not limited to, procurement of substitute
* goods or services; loss of use, data, or profits; or business
* interruption) however caused and on any theory of liability, whether
* in contract, strict liability, or tort (including negligence or
* otherwise) arising in any way out of the use of this software, even
* if advised of the possibility of such damage.
*/
/** enable overriding this file **/
/*
* @author David Alexa <alexa.david@me.com>
*
* Copyright (C) 2012-2015 CESNET
*
* LICENSE TERMS
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
*    notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
*    notice, this list of conditions and the following disclaimer in
*    the documentation and/or other materials provided with the
*    distribution.
* 3. Neither the name of the Company nor the names of its contributors
*    may be used to endorse or promote products derived from this
*    software without specific prior written permission.
*
* ALTERNATIVELY, provided that this notice is retained in full, this
* product may be distributed under the terms of the GNU General Public
* License (GPL) version 2 or later, in which case the provisions
* of the GPL apply INSTEAD OF those given above.
*
* This software is provided ``as is'', and any express or implied
* warranties, including, but not limited to, the implied warranties of
* merchantability and fitness for a particular purpose are disclaimed.
* In no event shall the company or contributors be liable for any
* direct, indirect, incidental, special, exemplary, or consequential
* damages (including, but not limited to, procurement of substitute
* goods or services; loss of use, data, or profits; or business
* interruption) however caused and on any theory of liability, whether
* in contract, strict liability, or tort (including negligence or
* otherwise) arising in any way out of the use of this software, even
* if advised of the possibility of such damage.
*/
html {
  min-height: 100%;
  height: 100%;
  width: 100%;
  min-width: 800px; }

body {
  background: #f0f0f0;
  font-family: Arial, Trebuchet, Verdana, sans-serif;
  font-size: 0.625em;
  color: #333;
  position: relative;
  min-height: 100%;
  height: 100%;
  overflow: hidden; }
body > * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  color: #004f80; }
a:hover {
  color: #000; }
a:hover {
  text-decoration: none; }

strong, b {
  font-weight: bold; }

.left {
  float: left; }

.right {
  float: right; }

.display-none {
  display: none; }

hr.cleaner {
  width: 100%;
  height: 0px;
  margin: 0px;
  border: 0px none;
  color: transparent;
  background: transparent;
  visibility: hidden;
  clear: both; }

.red {
  color: #820101 !important; }

.green {
  color: #007711 !important; }

.cover-wo-alerts {
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 100%; }

.button, form.form input[type="submit"] {
  background-color: #004f80;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 20px;
  color: #fff;
  text-shadow: 1px, 1px, 2px, #333;
  font-size: 1em;
  font-weight: normal;
  border: 1px solid #003f67;
  cursor: pointer;
  margin: 15px 0px;
  position: relative;
  z-index: 1;
  text-decoration: none;
  text-align: left;
  white-space: normal;
  line-height: 1.3em;
  font-family: Arial, Trebuchet, Verdana, sans-serif; }
.button:active, form.form input[type="submit"]:active {
  -moz-box-shadow: inset 0px 2px 5px 0px rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: inset 0px 2px 5px 0px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0px 2px 5px 0px rgba(255, 255, 255, 0.25); }
.button:disabled, form.form input[type="submit"]:disabled {
  cursor: not-allowed; }
.button:hover:not(:disabled), form.form input[type="submit"]:hover:not(:disabled) {
  background-color: #002339;
  border-color: #00101a; }
.button.red, form.form input.red[type="submit"] {
  background-color: #820101;
  border: 1px solid #690101;
  color: #fff; }
.button.red:hover:not(:disabled), form.form input.red[type="submit"]:hover:not(:disabled) {
  background-color: #360000;
  border-color: #1d0000; }
.button.button-green, form.form input.button-green[type="submit"] {
  background-color: #007711;
  border: 1px solid #005e0d;
  color: #fff; }
.button.button-green:hover:not(:disabled), form.form input.button-green[type="submit"]:hover:not(:disabled) {
  background-color: #002b06;
  border-color: #001102; }
.button.grey, form.form input.grey[type="submit"] {
  background-color: #666;
  border: 1px solid #595959;
  color: #fff; }
.button.grey:hover:not(:disabled), form.form input.grey[type="submit"]:hover:not(:disabled) {
  background-color: #404040;
  border-color: #404040; }
.button.small, form.form input.small[type="submit"] {
  padding: 4px 6px;
  font-size: 0.9em; }
.button i.fa, form.form input[type="submit"] i.fa {
  padding-left: 0.4em;
  padding-right: 0.4em; }

.button-link {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #004f80; }
.button-link:hover {
  color: #000; }
.button-link.red {
  color: #820101; }
.button-link.close {
  margin-top: 25px; }

.bubble {
  background: #ddd;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 6px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

#ajax-spinner {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/ajax-loader.gif"), rgba(0, 0, 0, 0.5);
  background-repeat: no-repeat;
  background-position: center center;
  top: 0;
  left: 0;
  z-index: 30; }

/* navigation */
nav#block--topMenu, div#block--topMenu {
  background: #003f67;
  height: 40px;
  line-height: 40px;
  color: #fff;
  border-bottom: 1px solid #000;
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.9);
  position: absolute;
  z-index: 100;
  top: 0px;
  width: 100%; }
nav#block--topMenu > a, div#block--topMenu > a {
  color: #fff;
  background: transparent;
  text-decoration: none;
  text-shadow: 1px 1px 2px #000;
  padding: 0px 20px;
  border-left: 1px solid #004f80;
  float: left;
  font-size: 1.3em;
  position: relative; }
nav#block--topMenu > a:first-child + a, div#block--topMenu > a:first-child + a {
  border-left: 1px solid #000; }
nav#block--topMenu > a:hover, nav#block--topMenu > a.active, div#block--topMenu > a:hover, div#block--topMenu > a.active {
  background: #00101a;
  color: #fff; }
nav#block--topMenu > a.nth-0, div#block--topMenu > a.nth-0 {
  border-left: 1px solid #4c7995; }
nav#block--topMenu > a.active span.arrow, div#block--topMenu > a.active span.arrow {
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0px;
  height: 0px;
  display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000001; }
nav#block--topMenu .header-icon, div#block--topMenu .header-icon {
  background: #002034;
  padding: 0px 4px;
  border-left: 1px solid #003f67; }
nav#block--topMenu .header-icon span, div#block--topMenu .header-icon span {
  display: block;
  padding: 0px;
  float: left;
  width: 40px;
  height: 39px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-position: center center;
  background-repeat: no-repeat; }
nav#block--topMenu .header-icon:hover span, nav#block--topMenu .header-icon.active span, div#block--topMenu .header-icon:hover span, div#block--topMenu .header-icon.active span {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
nav#block--topMenu .ico-home span, div#block--topMenu .ico-home span {
  background-image: url("../images/ico/16_home.png"); }
nav#block--topMenu .ico-lock span, div#block--topMenu .ico-lock span {
  background-image: url("../images/ico/16_lock.png"); }
nav#block--topMenu .ico-unlock span, div#block--topMenu .ico-unlock span {
  background-image: url("../images/ico/16_unlock.png"); }
nav#block--topMenu .ico-session span, div#block--topMenu .ico-session span {
  background-image: url("../images/ico/16_session.png"); }
nav#block--topMenu .ico-download span, div#block--topMenu .ico-download span {
  background-image: url("../images/ico/16_download.png"); }
nav#block--topMenu .ico-refresh span, div#block--topMenu .ico-refresh span {
  background-image: url("../images/ico/16_refresh.png"); }
nav#block--topMenu .ico-alerts span, div#block--topMenu .ico-alerts span {
  background-image: url("../images/ico/16_alerts.png"); }
nav#block--topMenu .ico-home, div#block--topMenu .ico-home {
  float: left;
  border-right: 1px solid #4c7995;
  border-left: 0px;
  padding: 0px 20px 0px 0px;
  background-color: #004f80;
  height: 39px; }
nav#block--topMenu .ico-home span, div#block--topMenu .ico-home span {
  width: 50px; }
nav#block--topMenu .ico-home:hover, nav#block--topMenu .ico-home.active, div#block--topMenu .ico-home:hover, div#block--topMenu .ico-home.active {
  background-color: #003f67; }
nav#block--topMenu .ico-refresh, div#block--topMenu .ico-refresh {
  border-right: 1px solid #000; }
nav#block--topMenu .ico-alerts, div#block--topMenu .ico-alerts {
  width: 63px;
  height: 39px;
  display: block;
  padding: 0px;
  background-color: #000;
  border-left: 0px none; }
nav#block--topMenu .ico-alerts.red, div#block--topMenu .ico-alerts.red {
  background: #820101; }
nav#block--topMenu .ico-alerts.red .count, div#block--topMenu .ico-alerts.red .count {
  background: #4f0101; }
nav#block--topMenu .ico-alerts.green, div#block--topMenu .ico-alerts.green {
  background: #007711; }
nav#block--topMenu .ico-alerts.green .count, div#block--topMenu .ico-alerts.green .count {
  background: #00440a; }
nav#block--topMenu .ico-alerts .count, div#block--topMenu .ico-alerts .count {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #444;
  color: #fff;
  text-align: center;
  width: 22px;
  height: 22px;
  display: block;
  float: right;
  margin-top: 9px;
  line-height: 22px;
  margin-right: 5px;
  margin-left: -8px; }
nav#block--topMenu .others-cover, div#block--topMenu .others-cover {
  float: right;
  position: relative; }
nav#block--topMenu .others-cover .show-link, nav#block--topMenu .others-cover .others, div#block--topMenu .others-cover .show-link, div#block--topMenu .others-cover .others {
  display: none; }
nav#block--topMenu .others-cover .show-link, div#block--topMenu .others-cover .show-link {
  background: #002034;
  border-left: 1px solid #003f67;
  width: 30px;
  height: 40px;
  border-right: 1px solid #4c7995; }
nav#block--topMenu .others-cover .show-link span, div#block--topMenu .others-cover .show-link span {
  text-align: center;
  background: url("../images/ico/16_arrow_down.png") center center no-repeat;
  display: block;
  width: 30px; }
nav#block--topMenu .others-cover.visible .show-link, div#block--topMenu .others-cover.visible .show-link {
  display: block; }
nav#block--topMenu .others-cover .others, div#block--topMenu .others-cover .others {
  position: absolute;
  right: 0px;
  top: 40px;
  min-width: 150px;
  background: rgba(0, 63, 103, 0.9);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4); }
nav#block--topMenu .others-cover .others a, div#block--topMenu .others-cover .others a {
  border-bottom: 1px solid #000;
  display: block;
  padding: 10px 20px;
  color: #fff;
  font-size: 1.25em;
  text-decoration: none;
  text-align: right;
  line-height: 1em; }
nav#block--topMenu .others-cover .others a:hover, div#block--topMenu .others-cover .others a:hover {
  background: #002034; }
nav#block--topMenu .others-cover .others a span.arrow, div#block--topMenu .others-cover .others a span.arrow {
  display: none; }
nav#block--topMenu #userpane, div#block--topMenu #userpane {
  float: right;
  border-left: 1px solid #777;
  font-size: 1.2em; }
nav#block--topMenu #userpane > a, div#block--topMenu #userpane > a {
  color: #ccc;
  display: block;
  height: 40px;
  padding: 0px 15px 0px 36px;
  background-image: url("../images/ico/16_users-o50.png");
  background-position: 15px 45%;
  background-repeat: no-repeat;
  background-color: #002034;
  background-color: rgba(0, 32, 52, 0.8); }
nav#block--topMenu #userpane > a:hover, div#block--topMenu #userpane > a:hover {
  color: #e6e6e6;
  background-color: #000101; }
nav#block--topMenu .disconnect, div#block--topMenu .disconnect {
  border-left: 1px solid #777;
  height: 39px;
  background: #002034;
  float: right;
  color: #ccc;
  text-decoration: underline; }
nav#block--topMenu .disconnect:hover, div#block--topMenu .disconnect:hover {
  text-decoration: none;
  color: #e6e6e6;
  background: #000; }
nav#block--topMenu #alerts-icon, div#block--topMenu #alerts-icon {
  background: #000;
  float: right;
  color: #fff;
  height: 39px;
  border-left: 1px solid #777; }

nav#block--leftColumn {
  float: left;
  width: 10%;
  border-right: 1px solid #b3b3b3;
  background: #dadada;
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  min-height: 100%;
  padding: 40px 0px 0px 0px;
  font-size: 1.3em;
  position: relative;
  margin-left: -1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
nav#block--leftColumn > div {
  clear: both; }
nav#block--leftColumn h3 {
  padding: 0px 15px 10px 15px;
  font-weight: bold;
  font-size: 1.15em;
  border-bottom: 2px solid #999;
  margin-bottom: 5px;
  margin-top: 25px; }
nav#block--leftColumn h3:first-child {
  margin-top: 15px; }
nav#block--leftColumn h4 {
  margin-top: 25px;
  padding: 0px 15px 10px 15px;
  font-weight: bold;
  font-size: 1em;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 5px; }
nav#block--leftColumn h5 {
  margin: 15px 0px 5px 0px;
  font-weight: bold;
  font-size: 1em; }
nav#block--leftColumn #history-and-profiles {
  height: 100%;
  min-height: 100%;
  max-width: 100%;
  position: relative;
  margin-top: 0px; }
nav#block--leftColumn #history-and-profiles #block--historyOfConnectedDevices, nav#block--leftColumn #history-and-profiles #block--profilesOfConnectedDevices {
  position: relative;
  height: 50%;
  width: 100%;
  min-height: 50%;
  margint-top: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
nav#block--leftColumn #history-and-profiles #block--historyOfConnectedDevices {
  height: 50%;
  padding-top: 15px; }
nav#block--leftColumn #history-and-profiles #block--profilesOfConnectedDevices {
  border-top: 1px solid #999;
  padding-top: 5%;
  height: 50%; }
nav#block--leftColumn #history-and-profiles h3 {
  margin-top: 0px; }
nav#block--leftColumn #history-and-profiles a {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-top: 7px;
  padding-bottom: 7px; }
nav#block--leftColumn #history-and-profiles a.active {
  margin-right: 0px; }
nav#block--leftColumn #history-and-profiles a .icon {
  width: 18px;
  height: 18px;
  padding: 0px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  line-height: 18px;
  text-align: center;
  border: 1px solid #aaa;
  display: none;
  margin-top: -7px;
  margin-bottom: -4px;
  margin-right: -3px; }
nav#block--leftColumn #history-and-profiles a .icon:hover {
  background-color: #bbb;
  border-color: #888; }
nav#block--leftColumn #history-and-profiles a:hover {
  padding-left: 3px; }
nav#block--leftColumn #history-and-profiles a:hover .icon {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }
nav#block--leftColumn .button, nav#block--leftColumn form.form input[type="submit"], form.form nav#block--leftColumn input[type="submit"] {
  margin: 5px auto;
  clear: both; }

.nav-left a {
  display: block;
  padding: 9px 15px;
  color: #333;
  text-decoration: none;
  background-color: transparent; }
.nav-left a:hover {
  color: #000; }
.nav-left a:hover {
  background: #ccc; }
.nav-left a.active {
  background: #f5f5f5;
  color: #000;
  padding: 9px 16px 8px 15px;
  border: 1px solid #b3b3b3;
  border-right: 0px none; }
.nav-left a.item {
  display: block;
  padding: 6px 15px;
  color: #4d4d4d; }
.nav-left a.item .bullet {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  background: #666;
  margin-top: -1px; }

.left-column-base {
  padding: 0px 15px;
  overflow: hidden;
  *zoom: 1; }

form.filter-form label {
  display: none; }
form.filter-form select {
  width: 100%;
  min-height: 30px; }
form.filter-form .note {
  font-size: 0.8em;
  font-style: italic;
  margin-top: 7px; }

/** TODO: refactor bellow **/
.scrollable-cover {
  overflow-y: scroll; }

section {
  float: left;
  width: 49.93%;
  min-height: 100%;
  padding: 15px;
  font-size: 1.4em;
  background: #f5f5f5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 40px solid transparent; }
section.left-nav-defined {
  width: 44.93%; }
section#block--state {
  border-right: 1px solid #b3b3b3;
  -moz-box-shadow: inset -5px 0px 5px 0px #e8e8e8;
  -webkit-box-shadow: inset -5px 0px 5px 0px #e8e8e8;
  box-shadow: inset -5px 0px 5px 0px #e8e8e8;
  padding-right: 30px; }
section#block--config {
  padding-left: 30px; }
section#block--alerts {
  width: 20%;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #333;
  border-left: 1px solid #000;
  -moz-box-shadow: 0px -7px 7px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0px -7px 7px rgba(0, 0, 0, 0.9);
  box-shadow: 0px -7px 7px rgba(0, 0, 0, 0.9);
  padding-left: 0px;
  padding-right: 0px;
  margin-right: -20%; }
section#block--alerts .message {
  border-bottom: 1px solid #000;
  padding: 10px 5%;
  color: #999;
  font-size: 0.9em;
  border-top: 1px solid #666;
  line-height: 1.4em; }
section#block--alerts .message:first-child {
  border-top: 0px none; }
section#block--alerts .message:last-child {
  border-bottom: 0px none; }
section#block--alerts .message::selection, section#block--alerts .message::-moz-selection {
  background: #004f80; }
section#block--alerts .message.popup {
  position: relative;
  background: #333; }
section#block--alerts .message.error .circle {
  background: #820101; }
section#block--alerts .message.success .circle {
  background: #007711; }
section#block--alerts .message:hover {
  color: #fff; }
section#block--alerts .message:hover .close {
  display: block; }
section#block--alerts .message:hover .circle {
  display: none; }
section#block--alerts .message span {
  float: right;
  margin-left: 5px; }
section#block--alerts .message .close {
  display: none;
  cursor: pointer; }
section#block--alerts .message .circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: block;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
  margin: 2px 0px 5px 0px; }
section#block--singleContent {
  width: 100%;
  min-height: 100%;
  font-size: 1.4em;
  padding: 15px 30px 15px 30px; }
section#block--singleContent.left-nav-defined {
  width: 89.91%; }
section#block--singleContent.max-width-column {
  max-width: 800px;
  width: 100%;
  float: none; }
section #block--sourceValidation {
  float: left;
  margin: 29px 0px 0px 7px;
  font-size: 0.9em; }
section #block--sourceValidation .source-validation {
  margin-top: -6px; }

section, #block--singleContent {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
section h1, section h2, section h3, section h4, section legend, #block--singleContent h1, #block--singleContent h2, #block--singleContent h3, #block--singleContent h4, #block--singleContent legend {
  font-family: Arial, Trebuchet, Verdana, sans-serif;
  color: #004f80; }
section h1, #block--singleContent h1 {
  font-size: 1.9em;
  margin: 20px 0px 15px 0px; }
section h2, #block--singleContent h2 {
  font-size: 1.7em;
  margin: 15px 0px 10px 0px; }
section h3, #block--singleContent h3 {
  font-size: 1.5em;
  margin: 10px 0px 5px 0px; }
section h4, #block--singleContent h4 {
  font-size: 1.3em;
  margin: 5px 0px 5px 0px; }
section legend, #block--singleContent legend {
  font-size: 1.9em;
  margin-bottom: 15px; }

.alert {
  padding: 15px 20px;
  border: 1px solid #ccc;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  clear: both;
  margin: 0px 0px 15px 0px; }
.alert.info {
  background-image: url("../images/ico/info.png");
  background-color: #fff; }
.alert.success {
  background-image: url("../images/ico/ok.png");
  color: #007711; }
.alert.error {
  background-image: url("../images/ico/error.png");
  color: #820101; }
.alert.info, .alert.success, .alert.error {
  padding-left: 40px;
  background-position: 10px 12px;
  background-repeat: no-repeat; }

article#block--singleContent {
  font-size: 1.4em;
  padding: 40px 15px; }
article#block--singleContent .alert {
  clear: both;
  margin-bottom: -30px; }

#block--notifications {
  width: 90%;
  background-color: #333;
  height: 10%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  right: 0px;
  top: 100%;
  border-top: 1px solid #000;
  color: #ccc;
  font-size: 1.25em;
  font-family: "Courier New", Courier, monospace;
  z-index: 20; }
#block--notifications .notif-cover {
  padding: 8px 15px;
  overflow-y: scroll;
  height: 100%;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
#block--notifications .notif-history-cover {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: -8px -15px 8px -15px;
  background-color: #4d4d4d;
  border-bottom: 1px solid #000;
  padding: 0px 15px; }
#block--notifications .notif-history-cover > .notif:first-child {
  margin-top: 8px; }
#block--notifications .notif-history-cover > .notif:last-child {
  margin-bottom: 8px; }
#block--notifications .notif-history-cover > .notif .green, #block--notifications .notif-history-cover > .notif .red {
  color: #fff; }
#block--notifications .notif {
  margin-bottom: 2px;
  overflow: hidden; }
#block--notifications .time {
  margin-top: 6px;
  color: #999; }
#block--notifications strong {
  margin-right: 10px;
  width: 70px;
  float: left; }
#block--notifications.hidden {
  border: 0px none;
  height: 0px;
  padding: 0px;
  top: 100% !important;
  visibility: hidden; }
#block--notifications .root-tag, #block--notifications .tagValue {
  margin-right: 10px; }
#block--notifications .tagName {
  border-left: 1px solid #999;
  padding-left: 10px;
  color: #999; }
#block--notifications a {
  color: #fff; }

/* formulare */
form.form {
  margin: 15px 0px; }
form.form.login, form.form#login-form {
  border: 1px solid #ccc;
  background: #f0f0f0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  -moz-box-shadow: 0px 0px 8px 0px #ccc;
  -webkit-box-shadow: 0px 0px 8px 0px #ccc;
  box-shadow: 0px 0px 8px 0px #ccc; }
form.form.login label {
  width: 25%;
  padding-right: 2%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right; }
form.form.login input[type="text"], form.form.login textarea, form.form.login input[type="password"] {
  width: 60%;
  float: left; }
form.form.login input[type="submit"] {
  margin-left: 25%; }
form.form#login-form {
  width: 400px;
  margin: 0px auto; }
form.form#login-form .desc {
  font-size: 0.95em;
  margin-bottom: 25px; }
form.form#login-form > div {
  display: block;
  overflow: hidden; }
form.form#login-form label {
  width: 20%;
  margin-right: 5%;
  float: left; }
form.form#login-form label + ul {
  float: left;
  margin-top: 20px;
  color: #820101; }
form.form#login-form input[type="text"], form.form#login-form textarea, form.form#login-form input[type="password"] {
  width: 70%;
  float: left; }
form.form#login-form input[type="submit"] {
  margin-left: 25%; }
form.form#login-form .login-alternative {
  border-left: 1px solid #666;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 8px;
  padding-left: 8px; }
form.form.create-empty-module {
  width: 70%; }
form.form.create-empty-module label {
  width: 130px; }
form.form label {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 90px;
  height: 30px;
  line-height: 30px;
  margin-top: 10px; }
form.form label.required:after {
  content: " *"; }
form.form label.percent-width {
  width: 15%; }
form.form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
form.form input[type="text"], form.form textarea, form.form input[type="password"], form.form input[type="email"], form.form input.text {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  height: 30px;
  line-height: 30px;
  padding: 0px 5px;
  border: 1px solid #999;
  background: #fff;
  margin-top: 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 1em; }
form.form input[disabled="true"], form.form input[disabled="true"]:hover, form.form input[disabled="disabled"], form.form input[disabled="disabled"]:hover {
  border-color: #ccc;
  background-color: #eaeaea;
  color: #666;
  cursor: not-allowed; }
form.form input[type="radio"], form.form input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-top: -2px;
  margin-right: 4px; }
form.form input.percent-width.w-50 {
  width: 50%; }
form.form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  height: 80px;
  line-height: 1.2em;
  font-size: 1em; }
form.form select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  font-size: 1em; }

article#block--singleContent #login-hp {
  padding: 100px 0px 0px 0px; }
article#block--singleContent #login-hp .alert {
  margin-bottom: 0px; }

/** tables **/
table {
  width: 100%;
  margin: 15px 0px; }
table th, table td {
  border: 1px solid #ccc;
  padding: 8px 15px; }
table tr:nth-child(even) th, table tr:nth-child(even) td {
  background: #eaeaea; }

/** connections page **/
.configure .loading {
  background: url("../images/loading-bar.gif") repeat-x;
  display: block;
  height: 20px;
  line-height: 20px;
  color: #fff;
  padding: 0px 3%;
  width: 94%;
  border: 1px solid #00304d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/** ip lookup **/
#ip-info-cover {
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 20px; }
#ip-info-cover > div {
  width: 47%; }
#ip-info-cover #map-canvas {
  height: 250px; }
#ip-info-cover p {
  padding: 5px 0px; }

.modal {
  overflow: scroll;
  font-size: 1.3em; }

.modal-body {
  font-family: Arial, Trebuchet, Verdana, sans-serif;
  color: #333; }

.modal-content {
  overflow: hidden;
  *zoom: 1; }

.modal-header {
  overflow: hidden; }
.modal-header h3 {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Trebuchet, Verdana, sans-serif;
  color: #004f80;
  font-size: 1.5em; }
.modal-header .button, .modal-header form.form input[type="submit"], form.form .modal-header input[type="submit"] {
  margin-top: 0px;
  margin-bottom: 0px; }

.modal-dialog {
  max-width: 70%;
  width: auto;
  margin: 5% auto; }

/** modal RPC methods **/
#block--modalWindow {
  display: none; }
#block--modalWindow > form {
  margin: 0px; }
#block--modalWindow .modal-body {
  overflow-y: visible; }
#block--modalWindow .modal-footer input[type="submit"] {
  margin: 0px; }

/* media queries */
@media screen and (max-width: 1280px) {
  nav#block--leftColumn {
    width: 14%; }

  body section.left-nav-defined {
    width: 43%; }
  body section form[name=formCopyConfig] {
    margin-top: 0px;
    margin-bottom: 0px; }
  body section#block--singleContent.left-nav-defined {
    width: 86%; }
  body section#block--singleContent form[name=formCopyConfig] {
    margin-top: 20px; }

  #block--notifications {
    width: 86%; } }
